<!DOCTYPE html>
<html lang=en>
<head>
	<!--
	
	 CSS3 Card Games Example
	 http://gamedesign.cc/html5games/css3-matching-game/
	 
	 This is an example game for my coming book.
	 
	 Copyright 2011, Thomas Seng Hin Mak
	 makzan@gmail.com
	   
	 All Right Reserved.
	 
	-->
	
    <meta charset=utf-8 name="viewport" content="target-densitydpi=device-dpi" />  
	<title>CSS3 Matching Game Login</title>
	<link href='http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
	<link href="http://fonts.googleapis.com/css?family=Orbitron:400,700" rel="stylesheet" type="text/css" >
	<link rel="stylesheet" href="css/login.css" />
	
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
    <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
   
	
	
			
</head>
<body>

	<section id="popup">
	</section>
	
	<section id="popup">
		<div id="popup-bg">
		</div>
	 <div id="popup-box">	
	 <p><a id="gamelogin1" class="button" 	href="">choose Name</a></p>
	 <p><a id="gamelogin2" class="button" 	href="">New Name</a></p>
     </div>
	</section>
	
	<section id="popupName" class="hide">
	   <div id="popup-bg">
		</div>
     <div id="popup-box">	
	 <label for="firstName"><h6>Name:</h6></label>
    <input type="text" name="firstName" size="10" maxlength="10"  id="firstName" />
	

     <p><a id="validatelogin" class="gameReset button" 	href="">Validate</a></p>
	</div>
	</section>

	
<section id="popupAccordeon" class="hide">
	
	<div id="popup-bg">
	</div>
	 
<div id="popup-box">	

	<!-- 	<ul class="niveau1">
			<li><a href="http://www.rankspirit.com">  Players Name</a>

				<ul class="niveau2">
					
					<li class="plus"><a href="http://www.rankspirit.com"> Extras</a></li>
					<li><a href="http://www.rankspirit.com">Entr&eacute;e</a></li>
					<li><a href="http://www.rankspirit.com">Plat</a></li>
					<li><a href="http://www.rankspirit.com">Dessert</a></li>
					<li><a href="http://www.rankspirit.com">Caf&eacute;</a></li>
				</ul>
 			</li>
		</ul -->
		
<!-- 		<ul class="niveau1">
  <li>
    Players Name
    <ul class="niveau2">
      <li class="plus">
        Extras
        <ul class="niveau3">
          <li>Demander la note</li>
          <li>Draguer la serveuse</li>
        </ul>
      </li>
      <li>Entr&eacute;e</li>
      <li>Plat</li>
      <li>Dessert</li>
      <li>Caf&eacute;</li>
    </ul>
  </li>
</ul> -->


<div data-role="page" id="home">
    
    <div data-role="header">
        <h1>Players</h1>
    </div>
    
    <div data-role="content">
        <ul data-role="listview" id="artiste" >
        </ul>    
    </div>



</div>
</div>
	</section>
	
	
	
	
	
<script src="js/jquery-1.6.min.js"></script>
<script src="js/login.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>


</body>
</html>